Lady’s Gitweb - Langdev/blob - public/urn:fdc:langdev.xyz:20160819:jsv:jst/sources/Legacy x-XX-jt/files/oldenglish.css

   1 /*Basic stuff:*/
   2
   3 @font-face {
   4         font-family: 'JCode';
   5         font-weight: normal;
   6         font-style: normal;
   7         src: url('../files/junicode/fonts/Junicode.woff');
   8 }
   9 @font-face {
  10         font-family: 'JCode';
  11         font-weight: bold;
  12         font-style: normal;
  13         src: url('../files/junicode/fonts/Junicode-Bold.woff');
  14 }
  15 @font-face {
  16         font-family: 'JCode';
  17         font-weight: normal;
  18         font-style: italic;
  19         src: url('../files/junicode/fonts/Junicode-Italic.woff');
  20 }
  21 @font-face {
  22         font-family: 'JCode';
  23         font-weight: bold;
  24         font-style: italic;
  25         src: url('../files/junicode/fonts/Junicode-BoldItalic.woff');
  26 }
  27
  28 body {
  29         background: #999ABC;
  30         font-family: 'JCode', serif;
  31         color: black;
  32         -moz-font-feature-settings: "onum" 1, "hist" 1, "hlig" 1;
  33 }
  34 h1 {
  35         font-size: 3em;
  36         text-align: center;
  37         line-height: 1;
  38 }
  39 h2 {
  40         font-size: 1em;
  41         text-align: center;
  42         line-height: 1;
  43 }
  44 h3 {
  45         font-size: 1.5em;
  46 }
  47 *:lang(x-XX-jt) {
  48         color: black!important;
  49 }
  50 dfn {
  51         font-style: normal;
  52 }
  53 .def {
  54         color: #227002!important;
  55 }
  56 a {
  57         text-decoration: none;
  58         color: #454545;
  59         -moz-font-feature-settings: "smcp" 1;
  60 }
  61 a:hover {
  62         color: #747474;
  63 }
  64 *.mainbody p {
  65         text-align: justify;
  66         -moz-text-align-last: center;
  67 }
  68 *.mainbody dt {
  69         color: black;
  70         text-decoration: underline;
  71 }
  72 *.mainbody dd {
  73         text-align: justify;
  74         -moz-text-align-last: center;
  75         color: #227002;
  76 }
  77 *.mpl {
  78         color: #999BAD;
  79         font-style: italic;
  80 }
  81
  82
  83 /*Top banner styling*/
  84 *.topcontainer {
  85         position: absolute;
  86         width: 100%;
  87         left: 0%;
  88         height: 200px;
  89         background: #777899;
  90         top: 0%;
  91         border-bottom: thin solid #535555;
  92         resize: vertical;
  93 }
  94 *.topbanner {
  95         position: absolute;
  96         height: 175px;
  97         background: #EEE8DD;
  98         top: 12.5px;
  99         left: 12.5%;
 100         right: 12.5%;
 101 }
 102 *.toptext {
 103         position: absolute;
 104         -moz-columns: 2;
 105         -moz-column-fill: balance;
 106         -moz-column-gap: 310px;
 107         left: 0%;
 108         top: 0%;
 109         right: 0%;
 110         bottom: 0%;
 111         padding: .8em;
 112         text-align: center;
 113         line-height: 1.8;
 114 }
 115 *.topsvg {
 116         width: 310px;
 117         height: 175px;
 118         margin: auto;
 119 }
 120 svg {
 121         position: absolute;
 122         stroke: black;
 123 }
 124 *.topsvg #textbox {
 125         width: 220px;
 126         position: absolute;
 127         padding-left: 45px;
 128         padding-right: 45px;
 129 }
 130 h2 {
 131         -moz-animation-duration: 2s;
 132         -moz-animation-name: pulse;
 133         -moz-animation-iteration-count: infinite;
 134 }
 135 @-moz-keyframes pulse {
 136         from {
 137                 font-size: 1em;
 138         }
 139         50% {
 140                 font-size: 1.2em;
 141         }
 142         to {
 143                 font-size: 1em;
 144         }
 145 }
 146
 147
 148 /*Sidebar styling*/
 149 *.sidecontainer{
 150         position: absolute;
 151         top: 210px;
 152         bottom: 10px;
 153         width: 35%;
 154         left: 0%;
 155 }
 156 *.sidebar{
 157         position: absolute;
 158         height: 92.5%;
 159         left: 5%;
 160         right: 5%;
 161         border: 5px solid #555666;
 162         background: #EEE8DD;
 163         padding: 5%;
 164         overflow: auto;
 165 }
 166 *.pro {
 167         font-size: 90%;
 168 }
 169
 170
 171 /*Main table styling*/
 172 *.mainbody {
 173         margin-top: 210px;
 174         margin-left: 37.5%;
 175         margin-right: 2.5%;
 176         margin-bottom: 10px;
 177         color: #334566;
 178         position: absolute;
 179         top: 0px;
 180         bottom: 0px;
 181         overflow-y: auto;
 182         border: 3px solid #545454;
 183         background: #EEEEEE;
 184         padding-left: .2em;
 185         padding-right: .2em;
 186 }
 187 table {
 188         background: #CCCCCC;
 189         width: 100%;
 190 }
 191 .sel {
 192         background: #CCCCCC;
 193         height: 1.8em;
 194         text-align: right;
 195         -moz-columns: 2;
 196 }
 197 select {
 198         width: 50%;
 199         margin-left: 0%;
 200         margin-right: 50%;
 201 }
 202 #cc {
 203         background: #000000;
 204         font-size: 85%;
 205 }
 206 td:hover {
 207         background: #F6F6F6;
 208 }
 209 td {
 210         border: thin solid #A0A0A0;
 211         padding-right: .8em;
 212         padding-left: .8em;
 213 }
 214 tr {
 215         background: #DDDDDD;
 216 }
 217 tr:hover {
 218         background: #EBEBEB;
 219 }
 220 col:first-child {
 221         width: 15%;
 222         height: 100%;
 223 }
 224 col:nth-child(2) {
 225         width: 45%;
 226 }
 227 col:last-child {
 228         width: 40%;
 229 }
 230 *.header {
 231         background: none!important;
 232 }
 233 *.header td {
 234         text-decoration: underline;
 235         color: #001155;
 236         border: none!important;
 237         background: none!important;
 238 }
 239 thead tr {
 240         background: none!important;
 241         text-decoration: underline;
 242         color: black;
 243 }
 244 *.empty {
 245         background: none!important;
 246         border: none;
 247         height: .2em;
 248 }